<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo07超链接标签</title>
</head>
<body>

<!--1.跳转到本地资源-->
<a href="demo06表格标签.html">跳转到今天的第6个页面</a>
<br>

<!--2.跳转到外部资源-->
<a href="https://www.baidu.com">百度一下，你就知道</a>
<br>

<!--3.跳转到图片资源-->
<a href="img/zly.jpg" >惊喜图片</a>
<br>

<!--4.图片链接-->
<a href="https://www.jd.com">
    <img src="img/zly.jpg" alt="">
</a>
<br>

<!--
    _blank：打开一个新的浏览器标签页
    _self：在当前标签页中打开
-->
<a href="https://www.baidu.com" target="_self">百度1</a> <br>
<a href="https://www.baidu.com" target="_blank">百度2</a><br>

<!--锚点-->
<a href="#d1">第一章</a><br>
<a href="#d2">第二章</a><br>
<a href="#d3">第三章</a><br>

<h3 id="d1">第一章</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Accusantium adipisci aut consequuntur distinctio dolorem doloribus eum incidunt nam, nihil nostrum omnis pariatur quia repellendus repudiandae voluptatibus.
    Alias cupiditate magni nostrum!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    A accusantium dolorum esse incidunt, labore nisi omnis quae quas saepe sunt vitae voluptatem!
    Consequuntur, et inventore laudantium natus perferendis quaerat vero!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    A accusantium dolorum esse incidunt, labore nisi omnis quae quas saepe sunt vitae voluptatem!
    Consequuntur, et inventore laudantium natus perferendis quaerat vero!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    A accusantium dolorum esse incidunt, labore nisi omnis quae quas saepe sunt vitae voluptatem!
    Consequuntur, et inventore laudantium natus perferendis quaerat vero!
</p>

<h3 id="d2">第二章</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    A accusantium dolorum esse incidunt, labore nisi omnis quae quas saepe sunt vitae voluptatem!
    Consequuntur, et inventore laudantium natus perferendis quaerat vero!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    A accusantium dolorum esse incidunt, labore nisi omnis quae quas saepe sunt vitae voluptatem!
    Consequuntur, et inventore laudantium natus perferendis quaerat vero!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    A accusantium dolorum esse incidunt, labore nisi omnis quae quas saepe sunt vitae voluptatem!
    Consequuntur, et inventore laudantium natus perferendis quaerat vero!
</p>

<h3 id="d3">第三章</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    Excepturi, ipsum nobis. Assumenda facere illum labore maxime officia quae quo similique soluta.
    Dolores facilis fuga laboriosam nemo quibusdam, similique sint voluptatibus.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    A accusantium dolorum esse incidunt, labore nisi omnis quae quas saepe sunt vitae voluptatem!
    Consequuntur, et inventore laudantium natus perferendis quaerat vero!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    A accusantium dolorum esse incidunt, labore nisi omnis quae quas saepe sunt vitae voluptatem!
    Consequuntur, et inventore laudantium natus perferendis quaerat vero!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    A accusantium dolorum esse incidunt, labore nisi omnis quae quas saepe sunt vitae voluptatem!
    Consequuntur, et inventore laudantium natus perferendis quaerat vero!
</p>

<!--#代表回到页面顶部，不会刷新页面，如果是空字符串则会刷新页面，消耗资源-->
<a href="#">回到顶部</a>

</body>
</html>